@charset "utf-8";
/* CSS Document */
/* NOME DAS FONTES: HelveticaNeue-BoldItalic, HelveticaNeueLTStd-Bd, HelveticaNeue-LightItalic

/* Reset */
body, img, p, h1, h2, h3, h4, h5, h6, ul, ol, li { margin:0 auto; padding:0 auto; list-style:none; outline:none; border:none; color:#9f9f9f; font-weight:normal; }
ul{padding: 0; margin:0;}
/* End Reset */



/*------------------------------- Body ---------------------------------*/
body { margin: 0px 0px 0px 0px; padding:0; letter-spacing:0px; font-family: Arial, Helvetica, sans-serif; font-size:15px; color:#9f9f9f; list-style:none; background:#f7f7f7; position:relative; z-index:-3; overflow-x: hidden;}

html { border:0; height:100%; }

*:focus { outline: none; }

input { background-color:transparent; border:none; letter-spacing:0px; font-size:16px; color:#939393;  }

/*------------------------------- Tags ---------------------------------*/
h1 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:50px; color:#9f9f9f; margin:0px 0px 10px 0px; line-height:53px; font-weight:normal; text-transform:uppercase; text-align:center;}
h2 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:33.66px; color:#e2ae10; line-height:35.66px; text-transform: uppercase; }
h3 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:19px; color:#9f9f9f; line-height:19px; text-transform: uppercase; }
h4 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; color:#274d8e; line-height:18px; font-style:italic; font-weight:bold;}
h5 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#FFF; ine-height:15px; margin: 10px; text-transform:uppercase;}
h6 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#FFF;  line-height:15px; margin: 0 0 5px 0; }

h1 span,h2 span,h3 span,h4 span,h5 span,h6 span {color:#FFF;}

p+p {margin-top:15px;}
p {font-family: 'HelveticaNeue-LightItalic', sans-serif; line-height:14px; font-size:12px; color:#797979;}

a h1:hover,a h2:hover,a h3:hover,a h4:hover,a h5:hover,a h6:hover {text-decoration:underline;}

a { font-size:15px; color:#939393; margin:0px 0px 2px 0px; line-height:17px; text-decoration:none; }
a:hover { text-decoration:none; color:#707070; }
a:visited { text-decoration:none; color:#939393 outline:none; }

a:link, a.link, a:visited, a.visited, .efeito_opacity{
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;text-decoration:none;
}
a img {opacity:1;filter:Alpha(opacity=100);}
a img:hover {
	opacity: 0.8;
	filter:Alpha(opacity=80);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;text-decoration:none;
}





/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* ------------------------- GERAL -------------------------  */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
.botao {width:137px; padding-right:40px; height:33px; line-height:33px; display:block; background:url(../images/botao.png) center center no-repeat; text-align:center; color:#797979; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-style:italic; font-weight:bold; margin:5px;}
.botao:hover {background:url(../images/botao_hover.png) center center no-repeat; color:#000;}






/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* ------------------------- TOPO -------------------------  */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
#topo {width:100%; height:69px; display:block; padding-top:12px; background:url(../images/bg_topo.jpg) top center repeat-x;} 
#topo #content_topo {width:1200px; margin:auto; left:50%; margin-left:-600px; position:relative; overflow:hidden; z-index:99;}

#topo #content_topo .logo {width:284px; height:186px; display:block; background:url(../images/logo_maxtracard.png) center center no-repeat; text-indent:-99999px; float:left; margin-right:-72px; margin:26px 0 0 40px;}

#topo #content_topo #menu {display:block; height:200px; width:748px; padding-right:120px; float:right; background:url(../images/bg_menu.png) right top no-repeat;}
#topo #content_topo #menu ul {margin:0; padding:15px 0px 0px 60px;}
#topo #content_topo #menu ul li {float:left;}

#topo #content_topo #menu ul li a {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; font-style:italic; color:#FFF; font-size:16px; line-height:30px; padding:5px; margin:0 5px;}
#topo #content_topo #menu ul li a:hover {color:#ff9933;}

#topo #content_topo #menu ul li a.home {background:url(../images/icon_home.png) center center no-repeat; width:30px; height:22px; display:block; text-indent:-9999px;}
#topo #content_topo #menu ul li a.home:hover {background:url(../images/icon_home_hover.png) center center no-repeat;}

#topo #content_topo #menu .btn_cadastre, #topo #content_topo #menu .btn_area_restrita {display:block; width:131px; height:30px; text-indent:-9999px; float:right; margin:0 5px;}
#topo #content_topo #menu .btn_cadastre:hover, #topo #content_topo #menu .btn_area_restrita:hover {opacity: 0.8; filter:Alpha(opacity=80);}
#topo #content_topo #menu .btn_cadastre {background:url(../images/btn_cadastre.png) center center no-repeat;}
#topo #content_topo #menu .btn_area_restrita {background:url(../images/btn_area_restrita.png) center center no-repeat;}








/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* --------------------- BANNER TOPO ---------------------  */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
#banner {width:100%; height:500px; margin-top:-69px; display:block; outline:solid 1px #f00;}
#banner #content_banner {width:1200px; height:500px; margin:auto; left:50%; margin-left:-600px; position:relative; overflow:hidden; outline:solid 1px #00f; z-index:0;}

	/* FORMULÁRIO DE CADASTRO DE AFILIADO */
	#banner #content_banner #form_cadastro_afiliado {position:absolute; top:220px; left:35px; z-index:99; width:269px; height:224px; padding:20px 15px; display:block; background:url(../images/bg_afiliados_maxtracard.png) center center no-repeat;}
	#banner #content_banner #form_cadastro_afiliado #formulario {}
	#banner #content_banner #form_cadastro_afiliado #formulario h4 {float:right; }
	
	#banner #content_banner #form_cadastro_afiliado #formulario #content_inputs {width:270px; height:100px; overflow:hidden; margin-top:10px;}
	#banner #content_banner #form_cadastro_afiliado #formulario input {width:242px; height:18px; line-height:18px; padding:10px; background:#ededed; margin:10px 3px; border-radius:5px;}
	#banner #content_banner #form_cadastro_afiliado #formulario input#senha {width:193px; float:left; margin:0 0 0 3px;}
	#banner #content_banner #form_cadastro_afiliado #formulario input#btn_enviar {float:right; width:46px; height:38px; padding:0; border-radius:0; margin:0 3px 0 0; text-align:center; text-indent:-9999px; background:url(../images/btn_enviar_ok.png) center center no-repeat; cursor:pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
	#banner #content_banner #form_cadastro_afiliado #formulario input#btn_enviar:hover {background: url(../images/btn_enviar_ok_hover.png) center center no-repeat; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
	
	#banner #content_banner #form_cadastro_afiliado #formulario .esqueci_senha {font-family: 'HelveticaNeue-LightItalic', sans-serif; font-size:12px; color:#797979; padding-left:15px; margin-left:5px; background:url(../images/list_seta_left.png) left center no-repeat;}
	#banner #content_banner #form_cadastro_afiliado #formulario .esqueci_senha:hover {margin-left:10px; color:#274d8e;}
	
	
	/* TEXTO E BOTÃO PARA QUEM NÃO É CADASTRADO */
	#banner #content_banner #form_cadastro_afiliado #formulario #content_nao_cadastrado {width:270px; height:90px; display:block; overflow:hidden;}
	#banner #content_banner #form_cadastro_afiliado #formulario #content_nao_cadastrado h4 {text-align:center; float:none; margin:5px 0 2px 0;}
	#banner #content_banner #form_cadastro_afiliado #formulario #content_nao_cadastrado p {display:block; text-align:center;}
	#banner #content_banner #form_cadastro_afiliado #formulario #content_nao_cadastrado .botao {margin:5px auto;}
	
	
	/* BOTÕES DE NAVEGAÇÃO DO BANNER */
	#botoes_menu_banner {}
	#botoes_menu_banner ul {}
	#botoes_menu_banner ul li {}
	
	
	
	
	/* ESTILO SOMENTE PARA A HOME DO SITE */
	#banner.index {}
	#banner.index #content_banner {background:url(../images/banners/banner_home.jpg) center center no-repeat}



























